@charset "utf-8";
.t_b {
  font-size: 1.8rem;
  font-weight: 600;
}
a:active {
  background: #eeeeee!important;
}
body {
  background: #eeeeee;
}
/*头部*/
.banner {
  width: 100%;
  height: 50vw;
  background: url("/DDDeducation/public/home/images/bg_rank.png");
  background-size: 100% 100%;
  text-align: center;
}
.banner .up {
  display: inline-block;
  width: 18.7vw;
  height: 18.7vw;
  overflow: hidden;
  margin-top: 12vw;
  border: 2px solid #ffffff;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.31);
  background-size:70px auto;
}
.banner .name {
  width: 60%;
  margin: 6px auto;
  color: #ffffff;
  font-size: 1.7rem;
}
@media screen and (min-width: 1000px){
  .banner .name{
    line-height: 40px;
  }
}
/*积分和排行*/
.content_nav {
  position: relative;
}
.content_nav>div {
  position: absolute;
  top:-8vw;
  left: 50vw;
  width: 86vw;
  margin-left: -43vw;
  background-color: #ffffff;
  border-radius: 2vw;
  /*box-shadow: 0 .1vw .1vw #faa124;*/
  border: 1px solid #f1f1f1;
}
.content_nav>div>div.fl {
  width: 50%;
  text-align: center;
  color: #faa124;
  padding: 3vw 0;
}
.content_nav>div>div.fl:first-of-type {
  position: relative;
}
.content_nav>div>div.fl p:first-of-type {
  font-size: 1.46rem;
  font-weight: 800;
}
.content_nav>div>div.fl p:last-of-type {
  font-size: 1.64rem;
  font-weight: 600;
}
.content_nav .line {
  width: .2vw;
  height: 6.5vw;
  background-color: #faa124;
  opacity: .4;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -3.25vw;
}
/*列表*/
.lists {
  margin-top: 10vw;
}
.lists .list {
  display: block;
  width: 100%;
  padding-left: 4vw;
  padding-right: 4vw;
  height: 13.3vw;
  background: #ffffff;
  border-top: 1px solid #f1f1f1;
  font-size: 15px;
}
.lists .list span {
  display: inline-block;
  padding-left: 9.3vw;
  background-size: 7.5vw 7.5vw;
  color: #333333;
  line-height: 13.3vw;
}
.lists .list i {
  color: #999999;
  font-size: 20px;
  line-height: 13.3vw;
}
.lists .list:nth-child(1) span {
  background: url("/DDDeducation/public/home/images/user/message.png") 0 3vw no-repeat;
  background-size: 7.5vw 7.5vw;
}
.lists .list:nth-child(2) span {
  background: url("/DDDeducation/public/home/images/user/join.png") 0 3vw no-repeat;
  background-size: 7.5vw 7.5vw;
}
.lists .list:nth-child(6) span {
  background: url("/DDDeducation/public/home/images/user/notes.png") 0 3vw no-repeat;
  background-size: 7.5vw 7.5vw;
}
.lists .list:nth-child(4) span {
  background: url("/DDDeducation/public/home/images/user/publish.png") 0 3vw no-repeat;
  background-size: 7.5vw 7.5vw;
}
.lists .list:nth-child(3) span {
  background: url("/DDDeducation/public/home/images/user/feedback.png") 0 3vw no-repeat;
  background-size: 7.5vw 7.5vw;
}
.lists .list:nth-child(5) span {
  background: url("/DDDeducation/public/home/images/user/collect.png") 0 3vw no-repeat;
  background-size: 7.5vw 7.5vw;
}
.lists .list:nth-child(7) span {
  background: url("/DDDeducation/public/home/images/user/publish.png") 0 3vw no-repeat;
  background-size: 7.5vw 7.5vw;
}
.lists .list:nth-child(8) span {
  background: url("/DDDeducation/public/home/images/user/collect.png") 0 3vw no-repeat;
  background-size: 7.5vw 7.5vw;
}
@keyframes sign
{
  0%{
    width: 18vw;
  }
  25%{
    width: 19vw;
  }
  50%{
    width: 20vw;
  }
  75%{
    width: 21vw;
  }
  100% {
    width: 22vw;
  }
}

@-webkit-keyframes sign /* Safari 和 Chrome */
{
  0%{
    width: 18vw;
  }
  25%{
    width: 19vw;
  }
  50%{
    width: 20vw;
  }
  75%{
    width: 21vw;
  }
  100% {
    width: 22vw;
  }
}
.rule{
  width: 18vw;
  text-align: center;
  position:absolute;
  top: 2.67vw;
  right:2.67vw;
}
.rule>img{
  width:5.35vw;
  height:5.35vw;
  display:block;
  margin: 0 auto;
}
.rule>span{
  font-size: 1.36rem;
  /*line-height: 14px;*/
  color:#fff;
}
#bk{
  background-color:rgba(0,0,0,.5);
  width:100%;
  position:fixed;
  top:0;
  left:0;
  display:none;
  z-index: 1001;
}
#bk>div{
  width:80%;
  height:auto;
  position:absolute;
  top: 25%;
  left:50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  border-radius: 5.3333vw 0;
  overflow: hidden;
  background-color:#fff;
  border: none;
  transition: all  linear 0.3s;
  background-color:#eee;
}
#bk>div>a{
  position:absolute;
  width:9.35vw;
  height:9.35vw;
  background: url("/DDDeducation/public/home/images/user/rank.png") no-repeat center center;
  background-size:cover;
  top:0;
  right:0;
}
#bk>div>img{
  width:100%;
}
#bk>div>p{
  margin-top:4vw;
  font-size: 1.3rem;
  color:#333;
  padding-left:4vw;
  padding-right:4vw;
  padding-bottom:4vw;
}
